@charset"utf-8";

$fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
html,body {
    height: 100%;
    width: 100%;
}
.web {
    width: 100%;
    height: 100%;
    position: relative;
    background:#f7f7f7;
}
header {
    width: 100%;
    height: r(88);

    position: absolute;
    top: 0;
}
footer {
    width: 100%;
    height: 75px; 
    position: absolute;
    bottom: 0;

}


    section{
                
                width: 100%;
                background:#f7f7f7;
                top:r(88);
                bottom: 68px;
                position: absolute;
                overflow-y:scroll ; 
 }

  
/**/
    .whole{
        width: 93.65%;
        height: r(60);
        margin: 0 auto;

        margin-top: r(14);
        
       .img1{
           float: left;
         margin-top: r(11);
           display: block;
           width: 6.11%;
           height: r(38);
           img{
               width: 100%;
               height: 100%;
           }
       }
       .whole1{
    width: 67.79%;
    height: 100%;
    margin: 0 auto;
    background: white;
    border-radius:r(5);
    border:0.05em solid  #d62d31 ;
    .Full_order{
        width: 50%;
        height: 100%;
        background: #d62d31;
        border-radius:r(5);
        font-size:r(28);
        text-align: center;
        line-height: r(60);
    }
    .Rights_order{
         width: 50%;
        height: 100%;
        
        border-radius:r(5);
        font-size: r(28);
        text-align: center;
        line-height: r(60);
    }
}
 .search{
      
        height: r(60);
        img{
            width: 100%;
            height: 100%;
        }
    }
    }

.choice{
    width: 100%;
    height: r(80);
    background: white;
//  margin-top:r(13) ;
     border-top: r(1) solid #e3e3e3;
    border-bottom: r(1) solid #e3e3e3;
    ul{
        width: 100%;
    height: r(80);
    padding-left: r(35);
       li{
            line-height: r(80);
            font-size: r(24);
            float: left;
            width: r(78);
            height: r(80);
            margin-right: r(58);
        }
        a{
            color: #666666;
        }
        
        
    }
    a:hover{
        padding-bottom:r(14) ;
            border-bottom:r(10) solid #EFABAD;
            color: #d62d31;

        }
        
        


    ul>li:nth-child(1){
            width: r(106);
        }
}
.order{
    width: 100%;
    height: r(316);
    background: white;
    margin-top:r(21) ;
    border-top: r(1) solid #e3e3e3;
    border-bottom: r(1) solid #e3e3e3;
    .order_number{
        padding-left:r(19) ;
        width: 100%;
        height: r(76);
        line-height: r(76);
        border-bottom: r(1) solid #e3e3e3;
        color: #333333;;
        font-size:r(20);
        .wait_for{
             font-size:r(23);
             color: #efabad;
              padding-right:r(22) ;
        }
    }
    .apple{
        width: 100%;
        height: r(170);
        font-size: r(23);       
      
         color: #777777;
        .apple1{
            vertical-align:middle;
            width: r(120);
            height: r(120);
           
            margin-left: r(19);
            margin-top: r(26);
            border:r(1) solid #d7d7d7;
            margin-right: r(24);
            img{
                width: 100%;
                height: 100%;
            }
    }
    .describe{
        padding-top: r(20);
        padding-bottom: r(18);
       
    }
    .qq{
         padding-bottom: r(18);
    }
    .apple2{
        width: r(18);
        height: r(28);
        margin-right: r(21);
        img{
            width: 100%;
            height: 100%;
        }
    }
    }
    .quantity_purchased{
        padding-left: r(19);
        width: 100%;
        height: r(70);
        background: white;
        line-height: r(76);
        border-top: r(1) solid #e3e3e3;
        border-bottom: r(1) solid #e3e3e3;
        color: #333333;
        font-size:r(20);
        color: #333333;
        .yuan{
            color: #d62d31;
        }
        
        
    }
}







.order{
    width: 100%;
    height: r(316);
    background: white;
    margin-top:r(21) ;
    border-top: r(1) solid #e3e3e3;
    border-bottom: r(1) solid #e3e3e3;
    .order_number1{
        padding-left:r(19) ;
        width: 100%;
        height: r(76);
        line-height: r(76);
        border-bottom: r(1) solid #e3e3e3;
        color: #333333;;
        font-size:r(23);
        .wait_for{
             font-size:r(23);
             color: #d62d31;
              padding-right:r(22) ;
        }
    }
    .apple{
        width: 100%;
        height: r(170);
        font-size: r(23);       
      
         color: #777777;
        .apple3{
            vertical-align:middle;
            width: r(120);
            height: r(120);
           
            margin-left: r(19);
            margin-top: r(26);
            border:r(1) solid #d7d7d7;
           
            img{
                width: 100%;
                height: 100%;
            }
    }
    .describe{
        padding-top: r(20);
        padding-bottom: r(18);
       
    }
    .qq1{
         padding-top: r(68);
    }
    .apple_one{
        width: r(18);
        height: r(28);
        margin-right: r(21);
        margin-top: r(70);
        margin-left: r(24);
        img{
            width: 100%;
            height: 100%;
        }
    }
    }
    .quantity_purchased{
        padding-left: r(19);
        width: 100%;
        height: r(70);
        background: white;
        line-height: r(76);
        border-bottom: r(1) solid #e3e3e3;
        border-top: r(1) solid #e3e3e3;
        color: #333333;
        font-size:r(20);
        color: #333333;
        .yuan{
            color: #d62d31;
        }
        
        
    }
}


.order{
    width: 100%;
    height: r(316);
    background: white;
    margin-top:r(21) ;
    border-top: r(1) solid #e3e3e3;
    border-bottom: r(1) solid #e3e3e3;
    .order_number2{
        padding-left:r(19) ;
        width: 100%;
        height: r(76);
        line-height: r(76);
        border-bottom: r(1) solid #e3e3e3;
        color: #333333;;
        font-size:r(23);
        .wait_for{
             font-size:r(23);
             color: #efabad;
              padding-right:r(22) ;
        }
    }
    .apple{
        width: 100%;
        height: r(170);
        font-size: r(23);       
      
         color: #777777;
        .apple1{
            vertical-align:middle;
            width: r(120);
            height: r(120);
           
            margin-left: r(19);
            margin-top: r(26);
            border:r(1) solid #d7d7d7;
            margin-right: r(24);
            img{
                width: 100%;
                height: 100%;
            }
    }
    .describe{
        padding-top: r(20);
        padding-bottom: r(18);
       
    }
    .qq{
         padding-bottom: r(18);
    }
    .apple2{
        width: r(18);
        height: r(28);
        margin-right: r(21);
        img{
            width: 100%;
            height: 100%;
        }
    }
    }
    .quantity_purchased{
        padding-left: r(19);
        width: 100%;
        height: r(70);
        background: white;
        line-height: r(76);
        border-bottom: r(1) solid #e3e3e3;
        border-top: r(1) solid #e3e3e3;
        color: #333333;
        font-size:r(20);
        color: #333333;
        .yuan{
            padding-right:r(20) ;
            color: #d62d31;
        }
        
        
    }
}


